/* EXTENSION OF YUI LAYOUT CLASSES */

#hd {

}

#doc, #doc2, #doc3 {
  padding:0px;

}

#main-content {
  font-size: 14px;
  margin:0px;
  padding: 10px 20px 10px 10px;
  min-height: 650px;
}



#left-content {
  padding: 15px 0px 10px 10px;
  background-color: #ffffff; 
}


.body {
  background-color: #fff; 
  line-height: 1.5;

}

#mainlayout {
  margin-top: 20px;
}

#wrapper {
 
}

#logo_container {
  
  height: 209px;

}


#nologo {
  padding:20px;
}

#nologo h1 {
  font-family:"Georgia","Times New Roman",serif;
  font-size:44px;
  letter-spacing:-1px;
  margin:5px 0px;
}

#nologo  h1 a {
 text-decoration:none;
 color:#1B396F;
}

#nologo  p {
  color:#999;
  font:19px "Georgia","Times New Roman",serif;
  margin:0px 0 0;
  padding:0px 0 0 2px;
}

#logo {
  display: none;
}

/* ****** BEGIN DEFAULT STYLES ****** */

/* GENERAL */

/* DO NOT INCLUDE FONT SIZE SPECS IN HTML,BODY DECLARATION, USE .body INSTEAD */

HTML, BODY {

background-color: #000000;
  color: #000000;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  line-height: 1.5;
}

h1, h2, h3, h4 {
  margin:1em 0;
  font-weight:normal;
  line-height: 1.3;
}
h1 {
 font-size: 20px;
}
h2 {
 font-size: 18px;
}
h3 {
 font-size: 16px;
}
p {
 margin:1em 0;
}

 ul, ol {

  margin: 0px 0px;
}

HR {
  border: 1px solid #999;
  border-style: none none dotted;
  margin: 5px 0px;
  clear:both;
}

table,tr,td,th {
 border: 0px;
 text-align:left;
}
th {
 font-weight: bold;
}
ol, ul, dl {

  margin: 0px 20px;
  padding:0;
}

cite {
 font-style:italic;
}
/* Links */

A:link, A:active, A:visited {
  color: #006699;
  text-decoration: none;
}

A:hover {
  color: #c7a25b;
  text-decoration: underline;
}

/* STANDARD ALIGNMENTS */

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.left {
 text-align:left;
}
.right {
 text-align:right;
}

/* SET IMAGE TO BLOCK MODE TO FIX DISPLAY BUG - EXTRA WHITESPACE UNDERNEATH IMAGE */

IMG.block {
  display:block;
}

/* CONTENT AREA */

#main-content H1 {
  letter-spacing:-0.5px;
}


/* IMAGES*/

IMG.book {
  border: 1px solid #aaa;
  padding: 4px;
}

IMG.featured {
  margin:0 10px 10px 0;
}

IMG.fly {
  margin:0 0 10px 10px;
}

IMG.results {
  margin:0 10px 0px 0;
}

/* FORMS */

label {
  display: block;  /* block float the labels to left column, set a width */
  float: left;
  width: 140px;
  padding: 0;
  margin: 2px; /* set top margin same as form input - textarea etc. elements */
  text-align: right; 
}

br.clear {
  clear: both; 
}

input,select,textarea{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}

input[type="text"],input[type="password"],input[type="search"],input[type="email"],select, textarea {
 width: 200px;
 margin: 2px;
 border: 1px solid #bbb;
 padding: 3px;
} 
input[type="submit"],input[type="button"] {
 margin: 1px;
 width:200px;
 padding: 1px;
}
INPUT.submit {
  width:auto; 
}

INPUT.radio {
  width:auto; 
}

INPUT.checkbox {
  width:auto; 
}

INPUT.quantity {
  width: 30px; 
} 

INPUT.go {
  width: 30px; 
}



/* ****** END DEFAULT STYLES ****** */

/* ****** BEGIN REGION STYLES ****** */

/* REGION STYLE - MENU TOP */

#menu_top_container {
  border-bottom: 1px solid #999;   
  color:#fff;
  background-color: #eeeeee; 
  padding-right: 10px;
}



.clear {
  clear:both;
}



/* REGION STYLE - MENU BOTTOM */

#ft {
background-color: #EEEEEE;
background-image: url("/chapelhill/images/cat-footer.png");
background-position: -55px 59px;
background-repeat: no-repeat;
border-top: 1.5px solid #999;
font-size: 12px;
margin-top: 0;

}

.footer-container {
 padding: 0 10px 10px;
}

#social-media-footer-container {
  padding-left: 20px;
}

#contact-footer-container {
 /* padding-left: 30px; */
}

/* ****** END REGION STYLES ****** */


/* ****** BEGIN COMPONENT STYLES ****** */

/* GLOBAL COMPONENT STYLES */

.component {
  margin-bottom: 10px;
}

.component_header {
border-bottom: 1.5px solid #999999;
font-size: 18px;
letter-spacing: -0.5px;
margin: 10px;
padding: 5px 0;
}

.component_content {
  padding: 10px;
  overflow: auto;
}


/* COMPONENT STYLE - PRIMARY MENU HORIZONTAL */

#primary-menu {
float:left;
line-height:normal;
list-style:none outside none;
margin:0;
padding:0;
text-transform:uppercase;
}

#primary-menu  li {
  float: left;
  position: relative;
  list-style-type: none;
}
#primary-menu  ul li {
 width:100%;
}
#primary-menu > li  ul {

 display: none;
 z-index: 100;
 position: absolute;
 width: 150px;
 margin: 0px;
}

#primary-menu > li > ul  li:first-child{
border-top: 1.5px solid #999;
}
#primary-menu > li > ul  li{
  list-style-type: none;
  border: 1.5px solid #999;
  border-top: 0px;
  background-color:#eeeeee;
}

ul#primary-menu li li:hover ul,
ul#primary-menu li li.sfHover ul {
	left:			149px; /* match ul width */
	top:			-2px;
}

#primary-menu A {
position: relative;
border:medium none;
display:block;
font-size:14px;
font-weight:normal;
height:29px;
margin: 0px;
padding:10px 20px 0px;
text-align:center;
text-decoration:none;

}

#primary-menu A.first {

}

#primary-menu  li > a:hover { 
  color:#bbb;
  background-color: #1B396F;
}

/* COMPONENT STYLE - PRIMARY MENU VERTICAL */

#menu_popout-v{

line-height:normal;
list-style:none outside none;
margin:0;
padding: 0;
}

#menu_popout-v > li {

  position: relative;
  list-style-type: none;
}

#menu_popout-v > li  ul {
 display: none;
 z-index: 100;
 position: absolute;
 width: 150px;
 margin: 0px;
 left: 200px;
 top: 0px;
}

#menu_popout-v > li > ul  li:first-child{
border-top: 1px solid black;
}
#menu_popout-v > li > ul  li{
  list-style-type: none;
  border: 1px solid black;
  border-top: 0px;
  background-color: #fff;
}

ul#menu_popout-v li li:hover ul,
ul#menu_popout-v li li.sfHover ul {
	left:			149px; /* match ul width */
	top:			0px;
}

#menu_popout-v A {

border:medium none;
display:block;
font-size:14px;
font-weight:normal;
height:29px;
margin: 0px;
padding:10px 20px 0px;
text-align:left;
text-decoration:none;

}

#menu_popout-v A.first {

}

#menu_popout-v li > a:hover { 

  color:#000;
}

/* COMPONENT STYLE - SECONDARY PAGE LIST */ 
#secondary_page_list {
 margin-left: 0px;
}
#secondary_page_list li {
 list-style: none;
 line-height:150%;
}

/* COMPONENT STYLE - MENU BOTTOM NEW */

A.menubottom:link, A.menubottom:active, A.menubottom:visited {
}

A.menubottom:hover {
}

#menu_bottom_container {
  text-align:center;
}

#menu_bottom {
  margin: 0 15px;
  padding-left: 0; 
}

#menu_bottom li {

  list-style-type: disc;
  padding: 0px 5px;
  margin: 0px; 
}

#bottom, #bottom A { 
}

#bottom ul {
  text-align:center;
}

.copyright {
}

.bibliopolis, .bibliopolis A {

}

#find-on-facebook {
 padding: 5px 0px;
}


/* COMPONENT STYLES - LOCALE SWITCHER */

#locale_switcher {
 margin: 0px;
}
#locale_switcher LI {
  float: left;
  list-style-type: none;
  padding: 0px 5px;
}

/* COMPONENT STYLES - BROWSE LIST */

#browse_category_list LI{
  list-style-type: none;
  padding: 2px 0;
}
#browse_category_list {
  margin-left: 0px;

}

/* COMPONENT STYLES - SEARCH BOX VERTICAL */
#search_box_vertical > span {
 float: left;
}
#search_box_vertical_input {
 width: 140px;
}
#search_box_vertical {
 overflow: auto;
}
/* COMPONENT STYLES - SEARCH BOX HORIZONTAL */

#search_box_horizontal_component {
float: right;
margin: 5px;

}
#search_box_horizontal_component label {
  width: 60px;
  padding-top:0px;
  color: #333333;
}

/* COMPONENT STYLES - EMAIL NOTIFICATION */


#email_notify_component label{
  font-size: 12px;
  text-align:left;
}

#email_notify_component input {
  width:180px;
  margin: 5px 0px;
}
#email_notify_component select {
  width:180px;
  margin: 5px 0px;
}

#en_added_message {
  display: none;
}

#en_note {
  font-size: 12px;
}

#custom_page_list  LI {
  list-style-type: none;
}

/* COMPONENT STYLES - FEATURED ITEMS */

.view-all-featured {
 font-size: 12px;
 text-align: right;
}

.featured_container {
  padding: 10px;
}
/* COMPONENT STYLES - QUOTES */

#quotes_component cite {
 clear: both;
 float: right;
 font-style: italic;
}

#quotes_component blockquote {
 margin: 10px 0px;
}
.bqstart-sm, .bqend-sm {
 color: #CCCCCC;
 font-size: 200%;
 height: 45px;
 margin-bottom: -10px;
 margin-top: -10px;
 padding-top: 15px;
}
.bqstart-sm {
 float: left;
}
.bqend-sm {
 float: right;
}
.quotes-sm-description {
  margin: 0 20px;
}
/* COMPONENT STYLES - CART SMALL */

#shopping_cart_small  .component_content{
 padding-left: 10px;
}
#shopping_cart_small table {
 width: 100%;
}
#shopping_cart_small{
 font-size: 12px;
}
#shopping_cart_small td.price-col {
 text-align:right;
}
#shopping_cart_small tr.total-row{
 border-top: 1px dotted #999;
}
#shopping_cart_small tr.alternate{
}
#shopping_cart_small tr {
 border-top: 1px dotted #999;
}
/* ****** END COMPONENT STYLES ****** */

/* ****** BEGIN PAGE STYLES ****** */

/* PAGE STYLES - FLYPAGE  */
H1.title {
  border: 0px;
  margin-bottom: 20px;
}


#fly_hr {
  border: 1.0px solid #999;
  border-style: none none dotted;
  margin: 5px 0px;
  clear:both;
}

#fly_image {
  float: left;
  margin: 0 15px;
}

.flypage-feed-icon {
  margin:-1px 3px;
}

#fly_image {
  float: left;
  margin: 0 15px;
}

#fly-tools {
  font-size:12px;
  text-align: right;
  margin-bottom:10px;
}

#add-to-cart-container {
  float:right;
/*  font-size: 12px; */
}

#share-tool {
 float:left;
 width:300px;
}

#see-more {
  font-size: 12px;
}
#see-more ul {
 margin: 0px;
}
#see-more UL > LI{
  padding: 2px 0;
  list-style-type: none;
}

#book-images {
  float:right;
  margin:0 0 10px 10px;
  text-align: center;
  width: 193px;
}

#book-details {
}

/* Inquire Form */

#inquire-form input[type="text"] {
  width: 80%
}
#inquire-form label {
 float:none;
 text-align:left;
 font-size: 12px;
}

#inquire-form textarea {
  width: 400px;
  height:100px;
}

#TB_window {
  border: 4px solid #8EB900;
}

.TB_overlayBG {
background-color:#000;
opacity:0.5;
}

.book-clip{
  position:absolute;
  clip:rect(10px,60px,60px,10px);
  top: -8px;
  left: -8px;
}
.crop-container {
 border: 1px solid #aaa;
 position: relative;
 height:54px;
 width: 54px;
 float: left;
 text-align:left;
 margin:4px 4px 4px 4px;
}
.book-image {
 border: 1px solid #444;
}

.cart-button-container {
 float:right;
}
.cart-button {
 border:1px solid #aaa;
 background-color:#ddd;
 padding:3px 5px;
 font-weight: normal;
 text-decoration:none; 
 font-size: 12px;
}
.cart-button:hover {
 text-decoration:none;
}
.click-zoom {
 text-align:center;
 font-size: 12px;
 margin:0 0 3px 0;
}

/* PAGE STYLES - SEARCH RESULTS */

#sortby {

}
#sortby A{
 color: #494949;
}
#sortby A:hover{
 color: #E23900;
}
.sorted {
  font-weight: bold;
}

.book-desc, .book-price {
 font-size: 12px;
 padding-top: 5px;
}
#results-options {
  overflow:hidden;
}

.results_row {
  padding: 10px 0;
  overflow:hidden;
  margin: 5px 0; 
  border-bottom: #999 1px dotted;
} 
.results_row:last-child {
 border-bottom: 0px;
}
.results_content {
  width:auto;  
  margin-left: 100px;
}
  
.results_image {
  float: left;   
}

.result-title {
 font-style: italic;
 margin:4px 0px;
} 
.result-author {

 margin:4px 0px;
}

#search-options {
  clear:both;
}

/* Search Params */

#search-params .term{

}
#search-params, .matches-found {

}
#search-params, #sortby {
 margin: 0px;
}
#search-params li{
  display:block;
  float:left;
  border:0; margin:0; padding:0;
  list-style:none;
  margin-right:10px;
  font-size: 12px;
}

/* Search Resort */

#sortby-container {
  overflow:hidden;
  float: right;
}

#sortby li{
  display:block;
  float:left;
  border:0; margin:0; padding:0;
  font-size:12px;
  list-style:none;
  margin-left:10px;
}

/* Search History */

#search-history .term {
  font-weight: bold;
}

#search-history li {
  list-style-type: none;
  font-size: 12px;
}

#search-history-link {
  font-size: 12px;
}

#search-history-link:hover {
  cursor: pointer;
}

/* Search Narrow */

#search-narrow-link {
  font-size: 12px;
}

#search-narrow-link:hover {
  cursor: pointer;
}


/* Results More & Pager */

.pager-more {
  margin: 0px;
  overflow: hidden;
  float: right;

}
.pager-more ul {
 margin: 0px;
}
.result-pagination li{
  border:0; margin:0; padding:0;
  font-size:12px;
  list-style:none;
  margin-right:2px;
  display:inline;

}

.result-pagination a {
  border:solid 1px #d4d4d4;
  margin-right:2px;
  background-color: #fff;
}

.result-pagination .previous-off, .result-pagination  .next-off {
  border:solid 1px #d4d4d4;
  color:#888888;
  display:block;
  float:left;
  font-weight:bold;
  margin-right:2px;
  padding:0px 4px;
}

.result-pagination .next a, .result-pagination .previous a {
  font-weight:bold;
}

.result-pagination .active{
  background:#d4d4d4;
  color:#FFFFFF;
  font-weight:bold;
  display:block;
  float:left;
  padding:1px 6px;
}

.result-pagination a:link, .result-pagination a:visited {
  display:block;
  float:left;
  padding:0px 6px;
  text-decoration:none;
}

.result-pagination a:hover{
  border:solid 1px #333;
}

#match-count {
 float:left;
 font-size: 12px;
}

#matches-container, #matches-container-footer {
 overflow:hidden;
}

/* NO RESULTS */

#no-results-advanced-search {
 margin: 20px 0;
}
/* PAGE STYLES - SHOPPING CART AND CHECKOUT  */

#shopping_cart {
  padding: 10px; 
}

#shopping_cart TABLE {
  width: 100%; 
}

.checkout-container {
  margin-bottom:10px; 
  overflow: hidden;
}


#checkout_buttons {
  text-align: center;
}

#shopping_cart TH {
  white-space: nowrap; 
}

#shopping_cart TD,#shopping_cart TH {
  border: 1px solid #999;
  padding:3px 5px; 
}

#shopping_cart TD.center {
  text-align:center; 
}

#shopping_cart TD.right {
  text-align: right; 
}

#shopping_cart .buttons {
  text-align: center; 
}


#checkout label {
  display: block;  /* block float the labels to left column, set a width */
  float: left;
  width: 100px;
  padding: 0;
  margin: 3px; /* set top margin same as form input - textarea etc. elements */
  text-align: left; 
  font-size: 12px;
} 

#checkout br {
  clear: both; 
} 


#checkout TEXTAREA {
  width: 400px;
  height:100px; 
} 

#checkout .submit {
  width: auto;
}

#checkout #credit_card,#postal,#paypal {
  display:none; 
} 

#checkout .cc_expiration {
  width: 95px; 
} 

#checkout #cvv {
  width: 50px; 
}

.checkout-method-hidden {
 display:none;
}
.checkout-method-visible {
 display: inline;
}

#main-content h1 .sub {
font-weight: normal;
font-size: 14px;
}

/* ****** END PAGE STYLES ****** */

/* ****** BEGIN WIDGET STYLES ****** */

/* DEFAULTS */

.widget {
 overflow: hidden;
 margin-bottom: 20px;
}

.widget_container {
  overflow: hidden;
}

/* EVENTS */

.event-image {
  border: 1px solid #ccc;
  padding: 3px;
  margin: 10px;
}


.event-row {
  clear: both;
}

.event-row {
 border-bottom: 1px solid #ddd;
 padding: 10px 0;
}

.event-row.last {   
 border-bottom: 0px;
}


/* ****** END WIDGET STYLES ****** */

/* ****** BEGIN WARNINGS,ERRORS AND ALERTS ****** */

.error, .notice, .success {
border:2px solid #DDDDDD;
margin-bottom:1em;
padding:0.8em;
}

.error {
background:none repeat scroll 0 0 #FBE3E4;
border-color:#FBC2C4;
color:#8A1F11;
}

.notice {
background:none repeat scroll 0 0 #FFF6BF;
border-color:#FFD324;
color:#514721;
}

.success {
background:none repeat scroll 0 0 #E6EFC2;
border-color:#C6D880;
color:#264409;
}

.error a {
color:#8A1F11;
}

.notice a {
color:#514721;
}

.success a {
color:#264409;
}

.mv_contrast  {
color:#8A1F11;
}

/* ****** END WARNINGS,ERRORS AND ALERTS ****** */

#login_box_component label {
 width:auto;
text-align:left;
}

#cboxContent {
 text-align:left;
}
#cboxLoadedContent {
 padding: 20px;
}